html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
img,
input {
  margin: 0;
  padding: 0;
}

.background {
  width: 100%;
  height: 100%;
  background: url(1.jpg) rgba(0, 0, 0, 0.5) no-repeat center center;
  background-blend-mode: multiply;
  background-size: cover;
  filter: blur(5px);
}

.locationName {
  position: absolute;
  text-align: center;
  color: white;
  height: auto;
  width: 80%;
  left: 10%;
  bottom: 30%;
}

.title {
  position: absolute;
  text-align: center;
  color: white;
  height: auto;
  width: 80%;
  left: 10%;
  top: 10%;
}

.cover {
  position: absolute;
  left: 20%;
  bottom: 40%;
  width: 60vw;
  height: 60vw;
  max-width: 500px;
  max-height: 500px;
  display: inline-block;
  border-radius: 20px;
  object-fit: cover;
}

.previous {
  position: absolute;
  text-align: center;
  height: auto;
  width: 10%;
  left: 15%;
  bottom: 18%;
}

.button {
  position: absolute;
  text-align: center;
  height: auto;
  width: 20%;
  left: 40%;
  bottom: 15%;
}

.next {
  position: absolute;
  text-align: center;
  height: auto;
  width: 10%;
  right: 15%;
  bottom: 18%;
}

.process {
  position: absolute;
  text-align: center;
  color: white;
  height: auto;
  width: 60%;
  left: 20%;
  bottom: 10%;
}